@import "@/styles/variables.less";
.tag {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: @base-radius;
  font-size: @size-sm;
  color: @primary-color;
  padding: 2px @size-xs;
  flex: 0 0 auto;
  margin-right: 12px;
  margin-bottom: 16px;
  &.small {
    margin-left: 2px;
    font-size: @size-xs;
    margin-bottom: 0;
    padding: 2px 6px;
    border-radius: 3px;
  }
  &.primary {
    background-color: @light-primary-bg;
    border: 1px solid @light-primary-color;
    color: @primary-color;
  }
  &.default {
    background-color: @default-bg;
    border: @light-border;
    color: @text-color;
  }
}
